<template>
    <div>
        <div v-for="commentId in comments" :key="commentId.id">
            <el-card class="box-card" style="margin-bottom: 10px">
                <div slot="header" class="clearfix">
                    <span>{{commentId.user.username}} &nbsp;&nbsp;&nbsp;&nbsp;</span>
                    <span>{{commentId.replyTime}}</span>
                </div>
                <div class="text item">
                    <span>{{commentId.commContent}}</span>   
                </div>
            </el-card>
        </div>          
    </div>
</template>

<script>
// import http from '@/utils/request'
export default {
    props:['comments'],
    data() {
        return {
            size: ''
        }
    }
}
</script>

<style scoped>
    .text {
        font-size: 14px;
    }
    .box-card {
        width: 99%;
        height: 100px;
    }
</style>